<template>
  <fy-table :table-data="basicData" :columns="basicColumns" title="基础表格" />
</template>

<script setup>
import { ref } from 'vue'
import FyTable from 'components/common/FyTable/index.vue'

const basicData = ref([
  { id: 1, name: '张三', age: 25, email: 'zhangsan@example.com' },
  { id: 2, name: '李四', age: 30, email: 'lisi@example.com' },
  { id: 3, name: '王五', age: 28, email: 'wangwu@example.com' },
  { id: 4, name: '赵六', age: 35, email: 'zhaoliu@example.com' },
])

const basicColumns = [
  {
    name: 'name',
    label: '姓名',
    field: 'name',
    align: 'left',
  },
  {
    name: 'age',
    label: '年龄',
    field: 'age',
    align: 'center',
  },
  {
    name: 'email',
    label: '邮箱',
    field: 'email',
    align: 'left',
  },
]
</script>
